
.theme-dark.app-wrapper {
  color: white;
  font-size: 16px;

  .hs-nav-bar {
    background: #0f1b45;
    box-shadow: 0 1px 4px 0 #0f1b45;
    .el-breadcrumb__inner a {
      color: #5e9ed4;
    }
  }
  .main-container {
    background: #2b2b50;
  }
  .hs-bg-card {
    background: #121d47;
    border: 1px solid #2b2b50;
    box-shadow: 0.2rem .2rem 0.5rem rgba(168, 223, 255, 0.1);
    color: #eefeff;
  }


  .hs-side-menu {
    background: #0f1b45;
    .el-menu {
      background: transparent;
      .el-submenu__title {
        color: #f5f5f5;
      }
      .el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus {
        background: rgba(250,250,250,0.2);
      }
      .el-menu-item {
        color: #e0e0e0;
      }
      .el-menu-item.is-active {
        color: #409EFF;
      }
    }
  }
}
